@import "variable.less";
.nav_tabs{
  width:@nav-tabs_width;
  >div{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding:10px @nav_tabs_padding_right 10px @nav_tabs_padding_left;
    background: @base_color;
    position: relative;
    h2,p{
      color:#fff;
      font-size:24px;
      margin-top:10px;
    }
    p{
      font-size: 13px;
    }
  }
  .span{
    font-size: 17px;
    position: absolute;
    width:30px;
    height:30px;
    border-radius: 50%;
    border: 1px solid #fff;
    line-height: 25px;
    text-align: center;
    color:#fff;
    top:50%;
    transform: translateY(-50%);
    right:30px;
  }
  ul {
    li{
      position: relative;
      border:1px solid @font_base_color_light;
      a{
        font-size: 15px;
        color:@font_base_color;
        display: inline-block;
        padding:15px @nav_tabs_padding_right 15px @nav_tabs_padding_left;
      }
      .span{
        border:0;
        color:@font_base_color_light;
      }
      .active{

      }
    &:hover a,&:hover .span{
      color:@nav_hover;
    }
    }
    li+li{
      border-top:0;
    }
    .active0{
      a,span{
        color:@nav_hover;
      }

    }
  }
}


.nav_tabs_bar{
  border:1px solid @font_base_color_light;
  >ul{
    padding:0 0 0 20px;
    height:88px;
    background: #FAFAFA;
    line-height: 88px;
    li{
      font-size: 14px;
      color:@font_base_color;
      padding-right:20px;
      a{
        font-size: 14px;
        color:@font_base_color;
        &:hover{
          color:@nav_hover
        }
      }
    }
    li+li+li:before{
      content:'>';
      margin-right:10px;
    }
    .active0{
      a{
        color:@nav_hover;
      }
    }
  }
}












